<!DOCTYPE html>
<html lang="en">
<head>
    {template 'vip_header'}
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <script src="js/jquery-3.3.1.min.js"></script>
</head>
<body>
<div class="container-fluid">
    <!-- 今日概况模块开始-->
    <div class="row">
        <div class="col-xs-12">
            <div class="jr"><p class="name">今日概况<span class="data">2018 01.01</span></p><a href="#">明细</a></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-3">
            <div class="xz">
                <p class="name">资产新增</p>
                <div class="row">
                    <div class="col-sm-12 title">
                         <div class="col-sm-6 text-key">
                            会员余额
                        </div>
                        <div class="col-sm-6 text-right  text-value">
                            8999元
                        </div>
                    </div>
                    <div class="col-sm-12 title">
                         <div class="col-sm-6 text-key">
                            非会员
                        </div>
                        <div class="col-sm-6 text-right  text-value">
                            10人
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-9">
            <div class="sr">
                <p class="name">收入</p>
               <div class="row">
                <div class="col-sm-3 title">
                    <div class="col-sm-6 text-key">会员</div>
                    <div class="col-sm-6 text-right text-value">8999元</div>
                </div>
                <div class="col-sm-3 title">
                    <div class="col-sm-6 text-key">收银员</div>
                    <div class="col-sm-6 text-right text-value">8999元</div>
                </div>
                 <div class="col-sm-3 title">
                    <div class="col-sm-6 text-key">微信</div>
                    <div class="col-sm-6 text-right text-value">8999元</div>
                </div>
                 <div class="col-sm-3 title">
                    <div class="col-sm-6 text-key">付款</div>
                    <div class="col-sm-6 text-right text-value">8999元</div>
                </div>
                <div class="col-sm-3 title">
                    <div class="col-sm-6 text-key">非会员</div>
                    <div class="col-sm-6 text-right text-value">8999元</div>
                </div>
                <div class="col-sm-3 title">
                    <div class="col-sm-6 text-key">小程序</div>
                    <div class="col-sm-6 text-right text-value">8999元</div>
                </div>
                 <div class="col-sm-3 title">
                    <div class="col-sm-6 text-key">现金</div>
                    <div class="col-sm-6 text-right text-value">8999元</div>
                </div>
                 <div class="col-sm-3 title">
                    <div class="col-sm-6 text-key">充值</div>
                    <div class="col-sm-6 text-right text-value">8999元</div>
                </div>

               </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-3 ">
            <div class="dd20181106">
                <p class="name">订单<span class="data">268笔</span></p>
               <div class="row">
                    <div class="col-sm-12 title">
                         <div class="col-sm-6 text-key">
                            会员
                        </div>
                        <div class="col-sm-6 text-right  text-value">
                            8999元
                        </div>
                    </div>
                    <div class="col-sm-12 title">
                         <div class="col-sm-6 text-key">
                            非会员
                        </div>
                        <div class="col-sm-6 text-right  text-value">
                            8999元
                        </div>
                    </div>
               </div>
            </div>
        </div>
        <div class="col-xs-7 ">
            <div class="zc">
                <p class="name">支出</p>
                <div class="row">
                    <div class="col-sm-4 title">
                        <div class="col-sm-6 text-key">
                            等级折扣
                        </div>
                        <div class="col-sm-6 text-right  text-value">
                            8999元
                        </div>
                    </div>
                    <div class="col-sm-4 title">
                        <div class="col-sm-6  text-key">
                            余额赠送
                        </div>
                        <div class="col-sm-6 text-right text-value">
                            8999元
                        </div>
                    </div>
                    <div class="col-sm-4 title">
                        <div class="col-sm-6  text-key">
                            优惠卷
                        </div>
                        <div class="col-sm-6 text-right text-value">
                            8999元
                        </div>
                    </div>
                </div>

            </div>

        </div>
        <div class="col-xs-2">
            <div class="jf">
                <p class="name">积分</p>
                <div class="col-sm-12 title">
                    <div class="col-sm-6 text-key">
                        赠送
                    </div>
                    <div class="col-sm-6 text-right text-value">
                        268分
                    </div>

                </div>
                <div class="col-sm-12 title">
                    <div class="col-sm-6 text-key">
                        消耗
                    </div>
                    <div class="col-sm-6 text-right text-value">
                        268分
                    </div>

                </div>

            </div>
        </div>
        <div class="col-xs-12 ">
            <div class="tjt">
            </div>
        </div>
        <!-- 今日概况模块结束-->


        <!-- 总概括模块开始-->
        <div class="row">
        <div class="col-xs-12">
            <div class="jr"><p class="name">总概况<span class="data">2018 01.01</span></p><a href="#">明细</a></div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-3">
            <div class="xz">
                <p class="name">总资产</p>
                <div class="row">
                    <div class="col-sm-12 title">
                         <div class="col-sm-6 text-key">
                            会员余额
                        </div>
                        <div class="col-sm-6 text-right  text-value">
                            8999元
                        </div>
                    </div>
                    <div class="col-sm-12 title">
                         <div class="col-sm-6 text-key">
                            非会员
                        </div>
                        <div class="col-sm-6 text-right  text-value">
                            10人
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-9">
            <div class="sr">
                <p class="name">累计收入</p>
               <div class="row">
                <div class="col-sm-3 title">
                    <div class="col-sm-6 text-key">会员</div>
                    <div class="col-sm-6 text-right text-value">8999元</div>
                </div>
                <div class="col-sm-3 title">
                    <div class="col-sm-6 text-key">收银员</div>
                    <div class="col-sm-6 text-right text-value">8999元</div>
                </div>
                 <div class="col-sm-3 title">
                    <div class="col-sm-6 text-key">微信</div>
                    <div class="col-sm-6 text-right text-value">8999元</div>
                </div>
                 <div class="col-sm-3 title">
                    <div class="col-sm-6 text-key">付款</div>
                    <div class="col-sm-6 text-right text-value">8999元</div>
                </div>
                <div class="col-sm-3 title">
                    <div class="col-sm-6 text-key">非会员</div>
                    <div class="col-sm-6 text-right text-value">8999元</div>
                </div>
                <div class="col-sm-3 title">
                    <div class="col-sm-6 text-key">小程序</div>
                    <div class="col-sm-6 text-right text-value">8999元</div>
                </div>
                 <div class="col-sm-3 title">
                    <div class="col-sm-6 text-key">现金</div>
                    <div class="col-sm-6 text-right text-value">8999元</div>
                </div>
                 <div class="col-sm-3 title">
                    <div class="col-sm-6 text-key">充值</div>
                    <div class="col-sm-6 text-right text-value">8999元</div>
                </div>

               </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-3 ">
            <div class="dd20181106">
                <p class="name">订单总数<span class="data">268笔</span></p>
               <div class="row">
                    <div class="col-sm-12 title">
                         <div class="col-sm-6 text-key">
                            会员
                        </div>
                        <div class="col-sm-6 text-right  text-value">
                            8999元
                        </div>
                    </div>
                    <div class="col-sm-12 title">
                         <div class="col-sm-6 text-key">
                            非会员
                        </div>
                        <div class="col-sm-6 text-right  text-value">
                            8999元
                        </div>
                    </div>
               </div>
            </div>
        </div>
        <div class="col-xs-7 ">
            <div class="zc">
                <p class="name">累计支出</p>
                <div class="row">
                    <div class="col-sm-4 title">
                        <div class="col-sm-6 text-key">
                            等级折扣
                        </div>
                        <div class="col-sm-6 text-right  text-value">
                            8999元
                        </div>
                    </div>
                    <div class="col-sm-4 title">
                        <div class="col-sm-6  text-key">
                            余额赠送
                        </div>
                        <div class="col-sm-6 text-right text-value">
                            8999元
                        </div>
                    </div>
                    <div class="col-sm-4 title">
                        <div class="col-sm-6  text-key">
                            优惠卷
                        </div>
                        <div class="col-sm-6 text-right text-value">
                            8999元
                        </div>
                    </div>
                </div>

            </div>

        </div>
        <div class="col-xs-2">
            <div class="jf">
                <p class="name">积分总数</p>
                <div class="col-sm-12 title">
                    <div class="col-sm-6 text-key">
                        赠送
                    </div>
                    <div class="col-sm-6 text-right text-value">
                        268分
                    </div>

                </div>
                <div class="col-sm-12 title">
                    <div class="col-sm-6 text-key">
                        消耗
                    </div>
                    <div class="col-sm-6 text-right text-value">
                        268分
                    </div>

                </div>

            </div>
        </div>
        <div class="col-xs-12 ">
            <div class="tjt">
            </div>

    </div>
</body>
</html>